html,
		body {
			padding: 0;
			margin: 0;
			background: #f5f5f5;
			font-size: 0.28rem;
		}
		
		.top {
			width: 100%;
			height: 0.88rem;
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 0 0.22rem;
			box-sizing: border-box;
			margin-bottom: 0.1rem;
			background: #f8f8f8;
		}
		
		.top .top-one {
			display: flex;
			justify-content: flex-start;
			align-items: center;
		}
		
		.top .top-one> span:first-child {
			display: inline-block;
			width: 0.38rem;
			height: 0.45rem;
		}
		
		.top .point {
			width: 0.6rem;
			height: 0.2rem;
		}
		.material{
			width: 100%;
			display: flex;
			align-items: center;
			-webkit-box-pack: justify;
			-webkit-box-align: center;
			flex-wrap: wrap;
		}
		.material_info{
			width: 49.6%;
			height:1.86rem ;
			border-bottom: 1px solid #e3e3e3;
			display: flex;
			align-items: center;
			justify-content: center;
			-webkit-box-pack: justify;
			-webkit-box-align: start;
			
		}
		.material_info:nth-child(2n+1){
			border-right: 1px solid #e3e3e3;
		}
		
		.material_info_img{
			width: auto;
			height: 0.53rem;
			margin-right: 0.36rem;
		}
		.material_info_img:nth-child(5){
			margin-right: 0 !important;
		}